<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>achievement</title>
		<script type="text/javascript" src="js/pxtorem.js"></script>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="iconfont/iconfont.css" />
	   	<link rel="stylesheet" href="css/achievement.css" />
	</head>
	<body>
		<header class='headerBox'>
			<div class='goBack mui-action-back'>
				<i class='inline_logo  icon iconfont icon-fanhui gobackIcon'></i>
			</div>
			<p class='title'>我的勋章</p>
		</header>
		
		<p class='achievement_mine_titleBox'>
			<span class='achievement_mine_title'>个人成就</span>
			<span class='achievement_ed_text'>(已获得<span>2</span>枚)</span>
		</p>
		
		<ul class='achievementBox'>
			<li class='achievementList'>
				<div class='achievement_logo'><img src="img/m_icon_big_hz_s@2x.png" alt="" /></div>
				<p class='achievement_text'>演说家</p>
			</li>
			<li class='achievementList'>
				<div class='achievement_logo'><img src="img/m_icon_big_hz_s@2x.png" alt="" /></div>
				<p class='achievement_text'>演说家</p>
			</li>
			<li class='achievementList'>
				<div class='achievement_logo'><img src="img/y_icon_hz_d@2x.png" alt="" /></div>
				<p class='achievement_text'>演说家</p>
			</li>
			<li class='achievementList'>
				<div class='achievement_logo'><img src="img/y_icon_hz_d@2x.png" alt="" /></div>
				<p class='achievement_text'>演说家</p>
			</li>
			<li class='achievementList'>
				<div class='achievement_logo'><img src="img/y_icon_hz_d@2x.png" alt="" /></div>
				<p class='achievement_text'>演说家</p>
			</li>
			<li class='achievementList'>
				<div class='achievement_logo'><img src="img/y_icon_hz_d@2x.png" alt="" /></div>
				<p class='achievement_text'>演说家</p>
			</li>
		</ul>
	</body>
	<script src="js/mui.js"></script>
	<script src="js/apptool.js"></script>
	<script>
		mui.init();
		mui.plusReady(function(e){
			mui('.achievementBox').on('tap',".achievementList",function(e){
				webtool.openPreView('achievementDetail',function(wb){
					wb.show('slide-in-right',300);
				})
			})
		})
	</script>
</html>
